{% load i18n %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>nbEx</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <meta name="HandheldFriendly" content="true">
    <link rel="shortcut icon" href="/favicon.ico">
    <!--添加开始  -->
    <meta name="renderer" content="webkit">
    <link rel="apple-touch-icon" href="/resources/img/binance_icon.png">
    <!--添加结束-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="/static/app/css/sm.css" rel="stylesheet" type="text/css">
    <link href="/static/app/css/common.css" rel="stylesheet" type="text/css">
    <link href="/static/app/css/index.css" rel="stylesheet" type="text/css">
    <script src="/static/app/js/jquery-2.2.3.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    <script>var page='assets';</script>
    <!-- add for app -->
    <script src="/static/app/js/common/common_func.js"></script>
    <script src="/static/app/js/component.js"></script>
    {% include 'show/common_define.html' %}
    <script type="text/javascript" src="{%url 'javascript-catalog' 'btc.js'%}"></script>
    <script src="/static/lib/csrf.js"></script>
    <title>{% trans '详情' %}</title>
    <!-- add for app end -->
</head>
<body>
<div id="market-app" class="page-container">
    <div class="page-content">
        <div class="page-view">
            <div class="assets-details">
                <div class="content" id="products">
                    <div class="top_header">
                        <img src="/static//app//images/arrow_left.png" onclick="history.go(-1)" style="margin-left: 0.5rem; float: left; width: 16px; height: 26px" alt="">
                        <h4 style="text-align: center">资金<span @click="to_history(CoinDetail.coin_type)" style="float: right; margin-right: 0.5rem; color: #828a98; font-size: 18px; font-weight: normal">历史记录</span></h4>
                    </div>
					<div class="top-nav">
						<img :src="CoinDetail.img" style="margin-top: 0.6rem"/>
						<h4>{!CoinDetail.name_upper!}</h4>
						<p>{!CoinDetail.full_name!}</p>
					</div>
					<div style="background: RGBA(31, 40, 51, 0.5)">
						<ul class="asset-data">
							<li>
								<span class="gray">总额</span>
								<span class="bigger f-fr">{!CoinDetail.amount!}</span>
							</li>
							<li>
								<span class="gray">可用余额</span>
								<span class="f-fr">{!CoinDetail.amount+CoinDetail.freeze!}</span>
							</li>
							<li>
								<span class="gray">下单冻结</span>
								<span class="f-fr">{!CoinDetail.freeze!}</span>
							</li>
						</ul>
					</div>
					<div style="background: RGBA(31, 40, 51, 0.5)">
						<ul class="es-data">
						<li>
								<span class="gray">估值(BTC)</span>
								<span class="f-fr">{!price_btc!}</span>
							</li>
							<li>
								<span class="gray">估值(￥)</span>
								<span class="f-fr">{!price_rmb!}</span>
							</li>
						</ul>
					</div>
					<!-- <div style="background: RGBA(31, 40, 51, 0.5)" class="tradeMarkets">

						<p>去交易</p>
						<ul class="hotMarkets">
							<li>
								<div class="name">
									<strong>BNB / BTC</strong>
								</div>
								<div class="lastPrice">
									<strong>0.0014668</strong>
									<span class="transMoney">￥73.27</span>
								</div>
								<div class="change">
									<span>-0.16%</span>
								</div>
							</li>
							<li>
								<div class="name">
									<strong>BNB / BTC</strong>
								</div>
								<div class="lastPrice">
									<strong>0.0014668</strong>
									<span class="transMoney">￥73.27</span>
								</div>
								<div class="change">
									<span>-0.16%</span>
								</div>
							</li>
							<li>
								<div class="name">
									<strong>BNB / BTC</strong>
								</div>
								<div class="lastPrice">
									<strong>0.0014668</strong>
									<span class="transMoney">￥73.27</span>
								</div>
								<div class="change">
									<span>-0.16%</span>
								</div>
							</li>
						</ul>
                    </div> -->
                    <div style="background: RGBA(31, 40, 51, 0.5)" class="tradeMarkets">
                            <p>去交易</p>
                            <ul class="hotMarkets">
                                <li style="text-align: center" v-for="item in CoinDetail.trade_list">
                                    <div class="name">
                                        <strong>{!item.coin_type_upper!} / {!item.use_coin_type_upper!}</strong>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    <div class="noTrade" style="display: none; text-align:center">
                        <p>暂无交易</p>
                    </div>
					<div class="deposit-withdraw-btn">
						<a class="deposit-btn" v-on:click="to_deposit()">充值</a>
						<a class="withdraw-btn" v-on:click="to_withdrawal()">提现</a>
					</div>
                </div>

            </div>
        </div>
    </div>
	<div class="app_menu">
		<my-menu></my-menu>
	</div>
</div>
<script src="/static/app/js/assets-details.js"></script>
</body>
</html>
